<template>
  <div class="business-info">
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">法定代表人</el-col>
      <el-col :span="7">存续</el-col>
      <el-col :span="5" class="title-col">经营状态</el-col>
      <el-col :span="7">存续</el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">注册资本</el-col>
      <el-col :span="7">133366.7825万人民币</el-col>
      <el-col :span="5" class="title-col">实缴资本</el-col>
      <el-col :span="7">133366.7825万人民币 </el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">统一社会信用代码</el-col>
      <el-col :span="7">91340200743082289Q </el-col>
      <el-col :span="5" class="title-col">纳税人识别号</el-col>
      <el-col :span="7">91340200743082289Q </el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">统一社会信用代码</el-col>
      <el-col :span="7">340000000041699 </el-col>
      <el-col :span="5" class="title-col">组织机构代码</el-col>
      <el-col :span="7">74308228-9 </el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">进出口企业代码</el-col>
      <el-col :span="7">/ </el-col>
      <el-col :span="5" class="title-col">海关注册编码</el-col>
      <el-col :span="7">3402960329 </el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">英文名</el-col>
      <el-col :span="7">Anhui Truchum Advanced Materials And Technology Co.,Ltd. </el-col>
      <el-col :span="5" class="title-col">曾用名</el-col>
      <el-col :span="7">安徽精诚铜业股份有限公司</el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">所属行业</el-col>
      <el-col :span="7">有色金属冶炼和压延加工业</el-col>
      <el-col :span="5" class="title-col">成立日期</el-col>
      <el-col :span="7">2005-12-21</el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">进出口企企业类型</el-col>
      <el-col :span="7">其他股份有限公司(上市)</el-col>
      <el-col :span="5" class="title-col">营业期限</el-col>
      <el-col :span="7">2005-12-21 至 无固定期限 </el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">登记机关</el-col>
      <el-col :span="7">芜湖市市场监督管理局</el-col>
      <el-col :span="5" class="title-col">核准日期</el-col>
      <el-col :span="7">2019-09-18 </el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">注册地址业代码</el-col>
      <el-col :span="19">中国（安徽）自由贸易试验区芜湖片区九华北路8号</el-col>
    </el-row>
    <el-row :gutter="0">
      <el-col :span="5" class="title-col">经营范围</el-col>
      <el-col :span="19">
        有色金属（不含贵金属）材料研发、加工、销售（矿产资源勘查开采除外），热工设备的研制、生产和销售，热处理技术领域内的技术咨询、技术研发和技术服务，碳复合材料及制品、粉末冶金材料及制品的研发、加工、销售和新材料生产领域内的技术咨询、技术研发、技术服务，锂电池负极材料（除危险化学品）研发、加工、销售，3D打印材料的研发、加工、销售，自营和代理各类商品及技术的进出口业务（国家限定公司经营或禁止进出口的商品和技术除外）。（依法须经批准的项目，经相关部门批准后方可开展经营活动）
      </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: 'BusinessInfo',
    data () {
      return {

      }
    },
    mounted() {
      document.getElementsByClassName('el-row').forEach(item => {
        let maxHeight = 0
        item.getElementsByClassName('el-col').forEach(sitem => {
          maxHeight = sitem.offsetHeight > maxHeight ? sitem.offsetHeight : maxHeight
        })

        item.getElementsByClassName('el-col').forEach(sitem => {
          sitem.style.height = maxHeight + 'px'
        })

      })
    }
  }
</script>

<style scoped lang="scss">
.business-info {
  .el-row {
    min-height: 40px;
    height: auto;
    border-top: solid 1px #dbedfc;
    .title-col {
      height: 100%;
      background-color: #eef6fd;
    }
    .el-col {
      height: 100%;
      min-height: 40px;
      padding: 5px 20px;
      border-left: solid 1px #dbedfc;
      font-size: 14px;
      color: #242424;
      display: flex;
      align-items: center;
      line-height: 20px;
      &:last-child {
        border-right: solid 1px #dbedfc;
      }
    }
    &:last-child {
      border-bottom: solid 1px #dbedfc;
      .el-col {
        //height: 100px;
      }
    }
  }
}

@media screen and (max-width: 1800px) {
  .business-info {
    .el-row {
      &:nth-child(6) {
        .el-col {
          //height: 60px;
        }
      }
    }
  }
}
@media screen and (max-width: 1450px) {
  .business-info {
    .el-row {
      &:last-child {
        .el-col {
          //height: 140px;
        }
      }
    }
  }
}
</style>
